<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Todo List - Fullstack</title>
    <script type="module" src="./src/main.ts"></script>
    <style>
        body { font-family: Arial, sans-serif; margin: 40px auto; max-width: 600px; }
        input[type="text"] { padding: 8px; width: 70%; }
        button { padding: 8px 12px; margin-left: 10px; }
        ul { list-style: none; padding: 0; }
        li {
            display: flex; align-items: center; margin: 8px 0;
        }
        .completed { text-decoration: line-through; color: #888; }
    </style>
</head>
<body>
    >dit id="app"></dit>
</body>
</html>
